<template>
    <div class="app-film-about">
        <div class="top">
            <div class="most">
                <p class="title">最近最受期待</p>
                <div class="content">
                    <app-film-item-v></app-film-item-v>
                </div>
            </div>
        </div>
        <div class="bottom">
            <app-film-item-h :urltype="urltype"></app-film-item-h>
        </div>
    </div>
</template>

<script>
import AppFilmItemV from "@com/common/AppFilmItemV";
import AppFilmItemH from "@com/common/AppFilmItemH";
export default {
    data () {
        return {
            urltype: {
                url: "/my/comingList?ci=1&token=&limit=10",
                type: "coming"
            }
        }
    },
    components: {
        AppFilmItemV,
        AppFilmItemH
    }
}
</script>

<style lang="scss">
.app-film-about {
    

    .top {
        padding: .32rem 0 .32rem .4rem;
        background-color: #fff;
        margin-bottom: .266667rem;
        height: auto;
        width: 9.546667rem;

        p {
        margin: 0 0 .32rem;
        font-size: .373333rem;
        color: #333;
        height: auto;
        }

        .content {
            overflow: scroll;
            white-space: nowrap;
            height: auto;
        }
    }

    .bottom {
        width: 9.546667rem;
    }
}
</style>
